<template>
  <a-button @click="() => openNotificationWithIcon('success')">Success</a-button>
</template>

<script>
import {notification} from "ant-design-vue";

export default {
  name: "Notification",
  props:['type'],
  emits: [],
  setup(props, context) {
    const openNotificationWithIcon = type => {
      notification[type]({
        message: 'Notification Title',
        description: 'This is the content of the notification. This is the content of the notification. This is the content of the notification.',
      });
    };

    return {
      openNotificationWithIcon,
    };
  },
}
</script>

<style scoped>

</style>
